function main() {
    // ol.album-list: 找到 class 属性是 album-list 的 ol 标签
    var functionDiv = document.querySelector(".text");

    header()

    function onResult(result) {

        var jobList = result.data
        // 遍历专辑列表
        for (var job of jobList) {
            // 针对每个专辑创建 html
            // var html = "<li>" + album.name + "</li>";
            // JS 中的模板字符串，使用反引号(键盘上波浪线的按键) `
            //var html = `<li>${album.name}</li>`
            var html = `<li>
        <a href="/find-detail.html?jid=${job.jid}">
         
          <font size="3"> ${job.title}</font>
         
        </a>
      </li>`

             functionDiv.innerHTML += html



        }
    }

    // 先从 url 中的 query string 部分，获取 keyword 参数

        var url = "/api/job-list.json"

    ajax("get", url, onResult)

}
function main1() {
    // ol.album-list: 找到 class 属性是 album-list 的 ol 标签
    var functionDiv = document.querySelector(".y");

    header()

    function onResult(result) {

        var companyList = result.data
        // 遍历专辑列表
        for (var company of companyList) {
            // 针对每个专辑创建 html
            // var html = "<li>" + album.name + "</li>";
            // JS 中的模板字符串，使用反引号(键盘上波浪线的按键) `
            //var html = `<li>${album.name}</li>`
            var html = `<li>
        <a href="/company-detail.html?cid=${company.cid}">
         
           <font size="3">${company.gtitle}</font>
         
        </a>
      </li>`

            functionDiv.innerHTML += html
        }
    }

    // 先从 url 中的 query string 部分，获取 keyword 参数

    var url = "/api/company-list.json"

    ajax("get", url, onResult)

}
function main2() {
    // ol.album-list: 找到 class 属性是 album-list 的 ol 标签
    var functionDiv = document.querySelector(".z");

    header()

    function onResult(result) {

        var newsList = result.data
        // 遍历专辑列表
        for (var news of newsList) {
            // 针对每个专辑创建 html
            // var html = "<li>" + album.name + "</li>";
            // JS 中的模板字符串，使用反引号(键盘上波浪线的按键) `
            //var html = `<li>${album.name}</li>`
            var html = `<li>
        <a href="/news-detail.html?aid=${news.aid}">
         
          <font size="3">${news.atitle}</font>
         
        </a>
      </li>`

            functionDiv.innerHTML += html
        }
    }

    // 先从 url 中的 query string 部分，获取 keyword 参数

    var url = "/api/news-list.json"

    ajax("get", url, onResult)

}
// window 的 load 事件发生时，执行 main 方法
// 浏览器把所有的资源都加载到位时，window 的 load 事件就会发生
// 白话：当浏览器把所有的资源都加载到位时，再去执行我们的 main 函数
window.addEventListener("load", main)
window.addEventListener("load", main1)
window.addEventListener("load", main2)